<template>
  <div class="setcommidy">
    <div class="already-search">
      <ul>
        <li>
          <Select v-model="model1" style="width:200px">
            <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
          </Select>
        </li>
        <li>
          <Select v-model="model1" style="width:200px">
            <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
          </Select>
        </li>
        <li>
          <span>商品名称</span>
          <Input v-model="value" placeholder="请输入商品名称" style="width: 300px"/>
        </li>
        <li>
          <span>商品编码</span>
          <Input v-model="value" placeholder="请输入商品编码" style="width: 300px"/>
        </li>
        <li>
          <span>SKU编码</span>
          <Input v-model="value" placeholder="请输入SKU编码" style="width: 300px"/>
        </li>
        <li>
          <Button type="primary">搜索</Button>
        </li>
      </ul>
    </div>
    <div class="main-commidy">
      <Table ref="selection" stripe :columns="columns1" :data="data1"></Table>
      <div class="for-button">
        <Button type="primary">设置商品</Button>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: "setcommidy",
  data() {
    return {
      columns1: [
        {
          type: "selection",
          width: 30,
          align: 'left'
        },
        {
          title: "商品编码",
          key: "index"
        },
        {
          title: "SKU编码",
          key: "age"
        },
        {
          title: "图片",
          key: "number",
          render: (h, params) => {
            return h("img", {
              attrs: {
                src: params.row.number
              },
              style: {
                width: "30px"
              }
            });
          }
        },
        {
          title: "商品名称",
          key: "address"
        },
        {
          title: "状态",
          key: "returnGoods"
        },
        {
          title: "零售价",
          key: "name"
        },
        {
          title: "库存",
          key: "price"
        }
      ],
      data1: []
    }
  }
};
</script>

